<!doctype html>
<html lang="en">

	<head>
		<!-- Meta -->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">

		<!-- favicon -->
		<link rel="icon" sizes="16x16" href="assets/img/favicon1.ico">

		<!-- Title -->
		<title> ASLife 生活分享平台 </title>

		<!-- Font Google -->
		<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap"
			rel="stylesheet">

		<!-- CSS Plugins -->
		<link rel="stylesheet" href="assets/css/all.css">
		<link rel="stylesheet" href="assets/css/elegant-font-icons.css">
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/owl.carousel.css">

		<!-- main style -->
		<link rel="stylesheet" href="assets/css/style.css">

	</head>

	<body>
		<!--loading -->
		<div class="loading">
			<div class="circle"></div>
		</div>
		<!--/-->

		<!-- Navigation-->
		<nav class="navbar navbar-expand-lg fixed-top">
			<div class="container-fluid">
				<!--logo-->
				<div class="logo">
					<a href="index.html">
						<img src="assets/img/aslife-logo.png" alt="">
					</a>
				</div>
				<!--/-->

				<!--navbar-collapse-->
				<div class="collapse navbar-collapse" id="main_nav">
					<ul class="navbar-nav ml-auto mr-auto">
						<li class="nav-item ">
							<a class="nav-link " href="index.html"> 首页 </a>
							<!-- <ul class="dropdown-menu fade-up">
                            <li>
                                <a class="dropdown-item" href="index.html">Demo 1</a>
                            </li>
                            
                            <li>
                                <a class="dropdown-item" href="index-4.html">Demo 4 </a>
                            </li>
                            
                            <li>
                                <a class="dropdown-item" href="index-6.html">Demo 6 </a>
                            </li>
                        </ul> -->
						</li>

						<li class="nav-item ">
							<a class="nav-link" href="find.html"> 发现 </a>

						</li>

						<!-- <li class="nav-item dropdown">
                        <a class="nav-link  dropdown-toggle" href="blog-grid.html" data-toggle="dropdown"> Blog </a>
                        <ul class="dropdown-menu fade-up">
                            <li>
                                <a class="dropdown-item" href="blog-grid.html"> Blog grid</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="blog-masonry.html"> Blog masonry </a>
                            </li>
                        </ul>
                    </li> -->



						<li class="nav-item">
							<a class="nav-link active" href="about.html"> About </a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="publish.html"> 发表 </a>
						</li>
						
					</ul>
				</div>
				<!--/-->

				<!--navbar-right-->
				<div class="navbar-right ml-auto">
					<div class="social-icones">
						<ul class="list-inline">



							<a href="login.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-person-circle" viewBox="0 0 16 16">
									<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
									<path fill-rule="evenodd"
										d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
								</svg>
							</a>


							<a href="index.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-chat-square-text-fill" viewBox="0 0 16 16">
									<path
										d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm3.5 1a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z" />
								</svg>
							</a>


						</ul>
					</div>

					<div class="search-icon">
						<i class="icon_search"></i>
					</div>

					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
				</div>
			</div>
		</nav>
		<!--/-->

		<!--about-us-->
		<section class="section pt-50">
			<div class="container-fluid">
				<div class="row ">
					<div class="col-lg-12">
						<div class="section-title">
							<h5>About us</h5>
						</div>
					</div>
				</div>

				<div class="row ">
					<div class="col-lg-8 mt-30">
						<div class="about-us">
							<div class="about-us-image">
								<img src="assets/img/about-us.jpg" alt="">
							</div>
							<div class="description">
								<h6>Thank you for checking out our blog website.</h6>
								<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus facere, nemo
									dignissimos, in labore nostrum provident
									perferendis minima accusamus aliquam reprehenderit autem
								</p>
								<p>
									praesentium sunt beatae libero non totam.Lorem ipsum dolor sit amet consectetur
									adipisicing elit. Natus facere, nemo dignissimos, in labore nostrum provident
									perferendis minima accusamus aliquam reprehenderit autem praesentium sunt beatae
									libero non totam.
								</p>
								<div class="quote">
									<div>
										<i class="icon_quotations_alt"></i>
									</div>
									<p>
										"My website’s kind of fun for me. I get to do drawings on that.
										It’s kind of fun.”
									</p>
									<small>Jeff Bridges.</small>
								</div>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur malesuada
									malesuada metus ut placerat. Cras a porttitor
									quam, eget ornare sapien. In sit amet vulputate metus. Nullam eget rutrum nisl. Sed
									tincidunt lorem sed maximus interdum.
									Interdum malesuada fames ante ipsum primis in faucibus. Aenean scelerisque efficitur
									mauris nec tincidunt. cursus leo ultricies
									magna faucibus id.
								</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4 max-width">
						<!--widget-latest-posts-->
						<div class="widget ">
							<div class="section-title">
								<h5>Latest Posts</h5>
							</div>
							<ul class="widget-latest-posts">
								<li class="last-post">
									<div class="image">
										<a href="post-default.html">
											<img src="assets/img/latest/1.jpg" alt="...">
										</a>
									</div>
									<div class="nb">1</div>
									<div class="content">
										<p>
											<a href="post-default.html">5 Things I Wish I Knew Before Traveling to
												Malaysia</a>
										</p>
										<small>
											<span class="icon_clock_alt"></span> January 15, 2021</small>
									</div>
								</li>
								<li class="last-post">
									<div class="image">
										<a href="post-default.html">
											<img src="assets/img/latest/2.jpg" alt="...">
										</a>
									</div>
									<div class="nb">2</div>
									<div class="content">
										<p>
											<a href="post-default.html">Everything you need to know about visiting the
												Amazon.</a>
										</p>
										<small>
											<span class="icon_clock_alt"></span> January 15, 2021</small>
									</div>
								</li>
								<li class="last-post">
									<div class="image">
										<a href="post-default.html">
											<img src="assets/img/latest/3.jpg" alt="...">
										</a>
									</div>
									<div class="nb">3</div>
									<div class="content">
										<p>
											<a href="post-default.html">How to spend interesting vacation after hard
												work?</a>
										</p>
										<small>
											<span class="icon_clock_alt"></span> January 15, 2021</small>
									</div>
								</li>
								<li class="last-post">
									<div class="image">
										<a href="post-default.html">
											<img src="assets/img/latest/4.jpg" alt="...">
										</a>
									</div>
									<div class="nb">4</div>
									<div class="content">
										<p>
											<a href="post-default.html">10 Best and Most Beautiful Places to Visit in
												Italy</a>
										</p>
										<small>
											<span class="icon_clock_alt"></span> January 15, 2021</small>
									</div>
								</li>
							</ul>
						</div>
						<!--/-->

						<!--widget-instagram-->
						<div class="widget">
							<div class="section-title">
								<h5>Instagram</h5>
							</div>
							<ul class="widget-instagram">
								<li>
									<a class="image" href="#">
										<img src="assets/img/instagram/1.jpg" alt="">
									</a>
								</li>
								<li>
									<a class="image" href="#">
										<img src="assets/img/instagram/2.jpg" alt="">
									</a>
								</li>
								<li>
									<a class="image" href="#">
										<img src="assets/img/instagram/3.jpg" alt="">
									</a>
								</li>
								<li>
									<a class="image" href="#">
										<img src="assets/img/instagram/4.jpg" alt="">
									</a>
								</li>
								<li>
									<a class="image" href="#">
										<img src="assets/img/instagram/5.jpg" alt="">
									</a>
								</li>
								<li>
									<a class="image" href="#">
										<img src="assets/img/instagram/6.jpg" alt="">
									</a>
								</li>
							</ul>
						</div>
						<!--/-->
					</div>
				</div>
			</div>
		</section>

		<!--newslettre-->
		<section class="newslettre">
			<div class="container-fluid">
				<div class="row d-flex align-items-center">
					<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-10 offset-sm-1 text-center">
						<div class="newslettre-info">
							<h5>Subscribe to our Newslatter</h5>
							<p> Sign up for free and be the first to get notified about new posts. </p>
						</div>
						<form action="#" class="newslettre-form">
							<div class="form-flex">
								<div class="form-group">
									<input type="email" class="form-control" placeholder="Your email adress"
										required="required">
								</div>
								<button class="submit-btn" type="submit">Subscribe</button>
							</div>
						</form>
						<div class="social-icones">
							<ul class="list-inline">
								<li>
									<a href="#">
										<i class="fab fa-facebook-f"></i>Facebook</a>
								</li>
								<li>
									<a href="#">
										<i class="fab fa-twitter"></i>Twitter </a>
								</li>
								<li>
									<a href="#">
										<i class="fab fa-instagram"></i>Instagram </a>
								</li>
								<li>
									<a href="#">
										<i class="fab fa-youtube"></i>Youtube</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--footer-->
		<footer class="footer">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12">
						<div class="copyright">
							<p>© Copyright 2021 <a href="http://www.bootstrapmb.com/">AssiaGroupe</a>, All rights
								reserved.</p>
						</div>
						<div class="back">
							<a href="#" class="back-top">
								<i class="arrow_up"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</footer>

		<!--Search-->
		<div class="search">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-10 offset-sm-1 text-center">
						<button type="button" class="close">
							<i class="icon_close"></i>
						</button>
						<form class="search-form" action="#">
							<input type="search" value="" placeholder="What are you looking for?">
							<button type="submit" class="search-btn">search</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--/-->

		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="assets/js/jquery-3.5.0.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- JS Plugins  -->
		<script src="assets/js/ajax-contact.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/main.js"></script>


	</body>
</html>
